<!-- 三区日报 -->
<!-- 班报输出-生产管理-三区日报 -->

<template>
    <div>
        <div class="bg-white grid-content">
            <el-form :inline="true" :model="searchForm" class="demo-form-inline">

                <el-form-item label="日期:">
                    <el-date-picker v-model="searchForm.searchDate" align="right" type="date" placeholder="请选择日期"
                        :picker-options="pickerOptions" value-format="yyyy-MM-dd">
                    </el-date-picker>
                </el-form-item>

                <el-form-item>
                    <el-button type="primary" @click="query()">查询</el-button>
                    <!-- <el-button type="success">下载</el-button> -->
                </el-form-item>
            </el-form>

            <el-tabs v-model="activeName" type="card" @tab-click="handleMenuClick">
                <el-tab-pane label="外输" name="first">
                    <!--输出界面-->
                    <el-table :data="scData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" v-for="(itemBt, index) in scBt" :key="itemBt.zkInfo.zkid"
                            :label="itemBt.zkInfo.zkmc">
                            <el-table-column align="center" v-for="(itemBtkid, index) in itemBt.rqInfo" :key="index"
                                :label="itemBtkid.tankName + itemBtkid.tankType">
                                <el-table-column align="center" prop="" label="高度">
                                    <template slot-scope="scope">
                                        {{ scope.row.rqInfo?(scope.row.rqInfo.find(item =>item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType) ?scope.row.rqInfo.find(item => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType).height : '' ):''}}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="油量">
                                    <template slot-scope="scope">
                                        {{ scope.row.rqInfo?(scope.row.rqInfo.find(item =>item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType) ? scope.row.rqInfo.find(item => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType).ywY : '' ):''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>

                            <el-table-column align="center" label="天然气">
                                <el-table-column align="center" prop="" label="流量计底数">
                                    <template slot-scope="scope">
                                        {{ scope.row.zkInfo?(scope.row.zkInfo.find(item =>
                                            item.zkid === itemBt.zkInfo.zkid) ? scope.row.zkInfo.find(item =>
                                                item.zkid === itemBt.zkInfo.zkid).gasFlowNumber : ''):'' }}

                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="日用气量">
                                    <template slot-scope="scope">
                                        {{ scope.row.zkInfo?(scope.row.zkInfo.find(item =>
                                            item.zkid === itemBt.zkInfo.zkid) ? scope.row.zkInfo.find(item =>
                                                item.zkid === itemBt.zkInfo.zkid).gasConsumption : '' ):''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="外输">
                                <el-table-column align="center" prop="" label="微机产量">
                                    <template slot-scope="scope">
                                        {{ scope.row.zkInfo?(scope.row.zkInfo.find(item =>
                                            item.zkid === itemBt.zkInfo.zkid) ? scope.row.zkInfo.find(item =>
                                                item.zkid === itemBt.zkInfo.zkid).outputMicrocom : ''):'' }}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="本队产量">
                                    <template slot-scope="scope">
                                        {{ scope.row.zkInfo?(scope.row.zkInfo.find(item =>
                                            item.zkid === itemBt.zkInfo.zkid) ? scope.row.zkInfo.find(item =>
                                                item.zkid === itemBt.zkInfo.zkid).outputTeam : ''):'' }}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>



                        

                        <el-table-column align="center" label="外输液量">
                            <el-table-column align="center" prop="totalOutputNum" label="总外输吨"></el-table-column>
                            <el-table-column align="center" prop="" v-for="(itemBt, index) in scBt" :key="itemBt.zkInfo.zkid" :label="itemBt.zkInfo.zkmc">
                                <template slot-scope="scope">
                                    {{ scope.row.scyxInfo?(scope.row.scyxInfo.find(item => item.stationId===itemBt.zkInfo.zkid)?scope.row.scyxInfo.find(item => item.stationId===itemBt.zkInfo.zkid).exportLiqVolDaily:'') : ''  }}
                                    </template>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="自产气">
                            <el-table-column align="center" v-for="(itemZcqBt, index) in zcqBt"
                                :key="itemZcqBt.zkInfos.zkid" :label="itemZcqBt.zkInfos.zkmc">
                                <el-table-column align="center" prop="" label="产气量">
                                    <template slot-scope="scope">
                                        {{ scope.row.selfProInfo ? (scope.row.selfProInfo.find(item =>
                                            item.zkid === itemZcqBt.zkInfos.zkid) ? scope.row.selfProInfo.find(item =>
                                                item.zkid === itemZcqBt.zkInfos.zkid).totalCqlZcq : '') : '' }}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="末端">
                            <el-table-column align="center" prop="wsmdiWsmd" label="产量"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="外输液量">
                            <el-table-column align="center" label="树322队">
                                <el-table-column align="center" prop="wsyl_s322d" label="产液量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="东12队">
                                <el-table-column align="center" prop="wsyl_d12d" label="产液量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="尚9队">
                                <el-table-column align="center" prop="wsyl_s9d" label="产液量"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="动态" name="second">
                    <!--动态界面-->
                    <el-table :data="dtData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="采油井">
                            <el-table-column align="center" prop="totalWellCount" label="总井口数"></el-table-column>
                            <el-table-column align="center" prop="oilPumpCount" label="抽油机总数"></el-table-column>
                            <el-table-column align="center" prop="oilPumpOpenCount" label="抽油机开井数"></el-table-column>
                            <el-table-column align="center" prop="screwPumpCount" label="螺杆泵井总数"></el-table-column>
                            <el-table-column align="center" prop="screwPumpOpenCount" label="螺杆泵开井数"></el-table-column>
                            <el-table-column align="center" prop="openWellCount" label="开井数"></el-table-column>
                            <el-table-column align="center" prop="oilMonthPlan" label="月计划产油"></el-table-column>
                            <el-table-column align="center" prop="oilDaily" label="日产油"></el-table-column>
                            <el-table-column align="center" prop="openWellCount" label="产水井数"></el-table-column>
                            <el-table-column align="center" prop="waterDaily" label="日产水"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="co2注入井">
                            <el-table-column align="center" prop="totalCo2Count" label="总井数"></el-table-column>
                            <el-table-column align="center" prop="openCo2Count" label="开井数"></el-table-column>
                            <el-table-column align="center" prop="co2zrj_rsj" label="日实际"></el-table-column>
                            <el-table-column align="center" prop="co2zrj_kjpz" label="开井配注"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="注水井">
                            <el-table-column align="center" prop="zsj_zjs" label="总井数"></el-table-column>
                            <el-table-column align="center" prop="zsj_kjs" label="开井数"></el-table-column>
                            <el-table-column align="center" prop="zsj_rsj" label="日实际"></el-table-column>
                            <el-table-column align="center" prop="zsj_kjpz" label="开井配注"></el-table-column>
                            <el-table-column align="center" prop="zsj_zc" label="总层"></el-table-column>
                            <el-table-column align="center" prop="zsj_tc" label="停层"></el-table-column>
                            <el-table-column align="center" prop="zsj_hg" label="合格"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="注水泵">
                            <el-table-column align="center" prop="waterPumpToatal" label="总台数"></el-table-column>
                            <el-table-column align="center" prop="waterPumpWorkingNum" label="运行台数"></el-table-column>
                            <el-table-column align="center" prop="waterPumpWorkingTime" label="运行时间"></el-table-column>
                            <el-table-column align="center" prop="waterPumpRate" label="泵总排量"></el-table-column>
                            <el-table-column align="center" prop="waterPumpPower" label="耗电量"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" prop="jgNum" label="架罐井"></el-table-column>

                        <el-table-column align="center" prop="dailyOilPollution" label="日含油污水"></el-table-column>

                        <el-table-column align="center" label="采油井作业及措施关井">
                            <el-table-column align="center" label="检泵井">
                                <el-table-column align="center" prop="insPumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="insPumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="待做业">
                                <el-table-column align="center" prop="waitPumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="waitPumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="测压井">
                                <el-table-column align="center" prop="manPumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="manPumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施井">
                                <el-table-column align="center" prop="measurePumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="measurePumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施配合">
                                <el-table-column align="center" prop="insCooPumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="insCooPumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="合计">
                                <el-table-column align="center" prop="totalWellNumber" label="井数"></el-table-column>
                                <el-table-column align="center" prop="totalWellEffect" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="地面故障关井">
                                <el-table-column align="center" prop="wellNumber" label="井数（口）"></el-table-column>
                                <el-table-column align="center" prop="effect" label="影响（吨）"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="水井临时关井">
                            <el-table-column align="center" label="钻关">
                                <el-table-column align="center" prop="drillOffWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="drillOffWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="测压">
                                <el-table-column align="center" prop="manometryWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="manometryWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施">
                                <el-table-column align="center" prop="measureWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="measureWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="水井作业">
                                <el-table-column align="center" prop="workWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="workWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="地面故障">
                                <el-table-column align="center" prop="groundFaultWellnum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="groundFaultWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="合计">
                                <el-table-column align="center" prop="waterSubtotalNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="waterSubtotalEffect" label="水量"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="温度" name="third">
                    <!--温度界面-->
                    <el-table :data="wdData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" v-for="(itemBt, i) in wdBt" :key="itemBt.stationInfo.zkid"
                            :label="itemBt.stationInfo.zkmc">
                            <el-table-column align="center" prop="" label="掺水">
                                <template slot-scope="scope">
                                    {{ scope.row.stationInfos.find(item =>
                                        item.zkid === itemBt.stationInfo.zkid).mixiTemperature }}
                                </template>
                            </el-table-column>
                            <el-table-column align="center" prop="" label="回油">
                                <template slot-scope="scope">
                                    <!-- {{ scope.row.stationInfos ? (scope.row.stationInfos.find(item =>
                                        item.zkid === itemBt.stationInfo.zkid).oilTemperature ) : ''}} -->
                                        {{scope.row.stationInfos.find(item => item.zkid===itemBt.stationInfo.zkid).oilTemperature}}
                                </template>
                            </el-table-column>
                            <el-table-column v-if="itemBt.roomInfos.length != 0" align="center" prop="" label="间回油温度">
                                <el-table-column align="center" v-for="(itemJmc, index) in itemBt.roomInfos"
                                    :key="itemJmc.jid" :label="itemJmc.jmc">
                                    <template slot-scope="scope">
                                        {{scope.row.jianInfos.find(item => item.jid===itemJmc.jid)?scope.row.jianInfos.find(item => item.jid===itemJmc.jid).avgTempure:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="注气量" name="fourth">
                    <!--注气量界面-->
                    <el-table :data="zqlData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" v-for="(itemBt, i) in wdBt" :key="itemBt.stationInfo.zkid"
                            :label="itemBt.stationInfo.zkmc">
                            <el-table-column align="center" label="注气井">
                                <el-table-column align="center" prop="" label="总井数">
                                    <template slot-scope="scope">
                                        {{ scope.row.gasInjectList?(scope.row.gasInjectList.find(item => item.stationId===itemBt.stationInfo.zkid)?scope.row.gasInjectList.find(item => item.stationId===itemBt.stationInfo.zkid).gasInjectionWellTotalCount:''):'' }}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="开井数">
                                    <template slot-scope="scope">
                                        {{ scope.row.gasInjectList?(scope.row.gasInjectList.find(item => item.stationId === itemBt.stationInfo.zkid)?scope.row.gasInjectList.find(item => item.stationId === itemBt.stationInfo.zkid).gasInjectionWellOpenCount:''):'' }}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="注气泵">
                                <el-table-column align="center" prop="" label="总台数">
                                    <template slot-scope="scope">
                                        {{ scope.row.gasInjectList?(scope.row.gasInjectList.find(item => item.stationId === itemBt.stationInfo.zkid)?scope.row.gasInjectList.find(item => item.stationId === itemBt.stationInfo.zkid).gasInjectionPumpTotalCount:'' ):''}}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="运行">
                                    <template slot-scope="scope">
                                        {{ scope.row.gasInjectList?(scope.row.gasInjectList.find(item => item.stationId === itemBt.stationInfo.zkid)?scope.row.gasInjectList.find(item => item.stationId === itemBt.stationInfo.zkid).gasInjectionPumpRunningCount:''):'' }}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                            <!-- <el-table-column align="center" prop="wsyl_s9d" label="日注量"></el-table-column>
                            <el-table-column align="center" prop="wsyl_s9d" label="日产量"></el-table-column>
                            <el-table-column align="center" prop="wsyl_s9d" label="库存量"></el-table-column>
                            <el-table-column align="center" prop="wsyl_s9d" label="外购量"></el-table-column> -->
                            <!-- <el-table-column v-if="itemBt.roomInfos.length!=0" align="center" prop="" label="间回油温度">
                                <el-table-column align="center" v-for="(itemJmc,index) in itemBt.roomInfos" :key="itemJmc.jid" :label="itemJmc.jmc">
                                    <template slot-scope="scope">               
                                        {{scope.row.jianInfos.find(item => item.jid===itemJmc.jid)?scope.row.jianInfos.find(item => item.jid===itemJmc.jid).avgTempure:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column> -->
                        </el-table-column>

                        <el-table-column align="center" prop="totalOutputNum" label="月度配注（立/天）"></el-table-column>
                        <el-table-column align="center" prop="dailyCompleteGas" label="当日完成（立/天）"></el-table-column>
                        <el-table-column align="center" label="旬度完成（吨/天）">
                            <el-table-column align="center" prop="earlyCompleteGas" label="上旬"></el-table-column>
                            <el-table-column align="center" prop="midCompleteGas" label="中旬"></el-table-column>
                            <el-table-column align="center" prop="lateCompleteGas" label="下旬"></el-table-column>
                        </el-table-column>

                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="采油生产运行" name="fifth">
                    <!--表一采油生产运行界面-->
                    <el-table :data="bycyscyxData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="月度配产（吨/天）" prop="planOilProdMon"></el-table-column>
                        <el-table-column align="center" label="当日完成（吨/天）" prop="dailyComplete"></el-table-column>

                        <el-table-column align="center" label="旬度完成（吨/天）">
                            <el-table-column align="center" label="上旬" prop="earlyComplete"></el-table-column>
                            <el-table-column align="center" label="中旬" prop="midComplete"></el-table-column>
                            <el-table-column align="center" label="下旬" prop="lateComplete"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="年度配产（吨）" prop="oilProdPerYear"></el-table-column>

                        <el-table-column align="center" label="年累计完成（吨）" prop="yearComplete"></el-table-column>

                        <el-table-column align="center" label="总井数（口）" prop="totalNum"></el-table-column>

                        <el-table-column align="center" label="开井数（口）" prop="openNum"></el-table-column>

                        <el-table-column align="center" label="长关井数（口）" prop="longShutNum"></el-table-column>

                        <el-table-column align="center" label="间抽关井（口）" prop="drawNum"></el-table-column>

                        <el-table-column align="center" label="短期关井（口）" prop="shortTimeShutNum"></el-table-column>

                        <el-table-column align="center" label="地面故障关井">
                            <el-table-column align="center" label="井数（口）" prop="wellNumber"></el-table-column>
                            <el-table-column align="center" label="影响（吨）" prop="effect"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="作业及措施关井">
                            <el-table-column align="center" label="检泵井">
                                <el-table-column align="center" label="井数（口）" prop="insPumpNum"></el-table-column>
                                <el-table-column align="center" label="影响（吨）" prop="insPumpEffct"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="待做业井">
                                <el-table-column align="center" label="井数（口）" prop="waitPumpNum"></el-table-column>
                                <el-table-column align="center" label="影响（吨）" prop="waitPumpEffct"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="测压井">
                                <el-table-column align="center" label="井数（口）" prop="manPumpNum"></el-table-column>
                                <el-table-column align="center" label="影响（吨）" prop="manPumpEffct"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施井">
                                <el-table-column align="center" label="井数（口）" prop="measurePumpNum"></el-table-column>
                                <el-table-column align="center" label="影响（吨）" prop="measurePumpEffct"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施配合">
                                <el-table-column align="center" label="井数（口）" prop="insCooPumpNum"></el-table-column>
                                <el-table-column align="center" label="影响（吨）" prop="insCooPumpEffct"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="油井作业及措施" name="sixth">
                    <!--表二油井作业及措施界面-->
                    <el-table :data="beyjzyjcsData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="油井作业（口）">
                            <el-table-column align="center" label="检泵">
                                <el-table-column align="center" label="计划" prop="pumpInsPlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="pumpInsFins"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="pumpInsWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="替喷">
                                <el-table-column align="center" label="正施工" prop="replaceWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="新井下泵">
                                <el-table-column align="center" label="正施工" prop="newUnderWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施井下泵">
                                <el-table-column align="center" label="正施工" prop="measureUnderWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="小修">
                                <el-table-column align="center" label="正施工" prop="minorRepairWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="套管调查">
                                <el-table-column align="center" label="正施工" prop="casingWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="邻井封井">
                                <el-table-column align="center" label="正施工" prop="sellingWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施配合">
                                <el-table-column align="center" label="正施工" prop="coordWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="小计">
                                <el-table-column align="center" label="正施工" prop="oilsubtotal"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="措施">
                            <el-table-column align="center" label="常规压裂">
                                <el-table-column align="center" label="年计划" prop="conventionalPlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="conventionalFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="conventionalWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="缝网压裂">
                                <el-table-column align="center" label="年计划" prop="fracturePlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="fractureFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="fractureWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="水平钻孔及压裂">
                                <el-table-column align="center" label="年计划" prop="horizontalPlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="horizontalFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="horizontalWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="补孔">
                                <el-table-column align="center" label="年计划" prop="patchingPlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="patchingFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="patchingWorking"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="小计">
                                <el-table-column align="center" label="正施工" prop="oilMeasureSubtotal"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="合计">
                            <el-table-column align="center" label="正施工" prop="allTotal"></el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="注水生产运行" name="seventh">
                    <!--表三注水生产运行页面-->
                    <el-table :data="bszsscyxData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="月度配注（立/天）" prop="planWaterInjMon"></el-table-column>

                        <el-table-column align="center" label="当日完成（立/天）" prop="dailyComplete"></el-table-column>

                        <el-table-column align="center" label="旬度完成（吨/天）">
                            <el-table-column align="center" label="上旬" prop="earlyComplete"></el-table-column>
                            <el-table-column align="center" label="中旬" prop="midComplete"></el-table-column>
                            <el-table-column align="center" label="下旬" prop="lateComplete"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="年度配注（立）" prop="waterProdPerYear"></el-table-column>

                        <el-table-column align="center" label="年累计完成（立）" prop="yearComplete"></el-table-column>

                        <el-table-column align="center" label="注水泵总数（台）" prop="waterPumpToatal"></el-table-column>

                        <el-table-column align="center" label="运行台数（台）" prop="waterPumpWorkingNum"></el-table-column>

                        <el-table-column align="center" label="总井数（口）" prop="totalNum"></el-table-column>

                        <el-table-column align="center" label="开井数（口）" prop="openNum"></el-table-column>

                        <el-table-column align="center" label="长关井（口）" prop="longShutNum"></el-table-column>

                        <el-table-column align="center" label="临关井（口）">
                            <el-table-column align="center" label="钻关">
                                <el-table-column align="center" label="井数（口）" prop="drillOffWellNum"></el-table-column>
                                <el-table-column align="center" label="影响（方）" prop="drillOffWellEffect"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="测压">
                                <el-table-column align="center" label="井数（口）" prop="manometryWellNum"></el-table-column>
                                <el-table-column align="center" label="影响（方）" prop="manometryWellEffect"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="措施">
                                <el-table-column align="center" label="井数（口）" prop="measureWellNum"></el-table-column>
                                <el-table-column align="center" label="影响（方）" prop="measureWellEffect"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="水井作业">
                                <el-table-column align="center" label="井数（口）" prop="workWellNum"></el-table-column>
                                <el-table-column align="center" label="影响（方）" prop="workWellEffect"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="地面故障">
                                <el-table-column align="center" label="井数（口）" prop="groundFaultWellnum"></el-table-column>
                                <el-table-column align="center" label="影响（方）"
                                    prop="groundFaultWellEffect"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="合计">
                                <el-table-column align="center" label="井数（口）" prop="waterSubtotalNum"></el-table-column>
                                <el-table-column align="center" label="影响（方）" prop="waterSubtotalEffect"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="水井作业及措施" name="eightth">
                    <!--表四水井作业及措施页面-->
                    <el-table :data="bssjzyjcsData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="测调（口）">
                            <el-table-column align="center" label="综合调整方案">
                                <el-table-column align="center" label="计划" prop="compAdjustmentPlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="compAdjustmentFin"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="跟踪调整方案">
                                <el-table-column align="center" label="计划" prop="trackAdjustmentPlan"></el-table-column>
                                <el-table-column align="center" label="完成" prop="trackAdjustmentFin"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="水井作业（口）">
                            <el-table-column align="center" label="重配">
                                <el-table-column align="center" label="年计划" prop="reassortmentPlan"></el-table-column>
                                <el-table-column align="center" label="已完成" prop="reassortmentFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="reassortmentIng"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="细分">
                                <el-table-column align="center" label="年计划" prop="subdivisionPlan"></el-table-column>
                                <el-table-column align="center" label="已完成" prop="subdivisionFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop=subdivisionIng></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="补孔">
                                <el-table-column align="center" label="年计划" prop="patchingPlan"></el-table-column>
                                <el-table-column align="center" label="已完成" prop=patchingFin></el-table-column>
                                <el-table-column align="center" label="正施工" prop="patchingIng"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="小修">
                                <el-table-column align="center" label="正施工" prop="minorRepairIng"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="水井措施（口）">
                            <el-table-column align="center" label="压裂">
                                <el-table-column align="center" label="年计划" prop="fractureIng"></el-table-column>
                                <el-table-column align="center" label="已完成" prop="fractureFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="fractureIng"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="酸化">
                                <el-table-column align="center" label="年计划" prop="acidatePlan"></el-table-column>
                                <el-table-column align="center" label="已完成" prop="acidateFin"></el-table-column>
                                <el-table-column align="center" label="正施工" prop="acidateIng"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
</template>
  
<script>
import moment from "moment";

import qbApi from "@/api/bbsc/qubao";


export default {
    data() {
        return {
            currentDay: moment().format("YYYY-MM-DD"),
            activeName: 'first',

            searchForm: {
                searchDate: '',
            },

            //输出
            scBt: [],
            zcqBt: [],
            zkData: {},
            zcqData: {},
            zwsData: {},
            wsyData: {},
            mdData: {},


            //动态
            // dtData:[],
            dtData1: {},
            dtData2: {},
            dtData3: {},
            dtData4: {},

            //温度
            wdBt: [],
            wdData: [],

            //注气量
            zqBt: {},
            zqData: [],
            wcData: [],//获取注气量完成情况(当日完成,旬度完成,年累计完成)数据
            ydData:[],//月度配注（立/天）

            //表一采油生产运行
            // bycyscyxData:[],
            Data1: [],//获取作业区生产运行(年度配产,月度配产)数据
            Data2: {},//获取作业区采油生产运行完成情况(当日完成,旬度完成,年累计完成)数据
            Data3: {},//获取作业区生产运行井开关情况(总井数,开井数,长关井数,间抽井数)数据
            Data4: {},//获取作业区采油生产运行地面故障关井数据
            Data5: {},//获取作业区生产运行作业及措施关井情况(检泵井,待作业井,测压井,措施井,措施配合)数据


            //表二油井作业及措施
            // beyjzyjcsData:[],
            Data11: {},//获取作业区油井作业情况(油井作业)数据
            Data12: {},//获取作业区油井措施情况(油井作业)数据
            Data13: {},//获取作业区油井作业措施合计(油井作业)数据

            //表三注水生产运行
            // bszsscyxData:[],
            Data21: {},
            Data22: {},
            Data23: {},
            Data24: [],
            Data25: {},

            //表四水井作业及措施
            // bssjzyjcsData:[],
            Data31: {},
            Data32: {},

            //时间快捷选择
            pickerOptions: {
                disabledDate(time) {
                    return time.getTime() > Date.now();
                },
                shortcuts: [{
                    text: '今天',
                    onClick(picker) {
                        picker.$emit('pick', new Date());
                    }
                }, {
                    text: '昨天',
                    onClick(picker) {
                        const date = new Date();
                        date.setTime(date.getTime() - 3600 * 1000 * 24);
                        picker.$emit('pick', date);
                    }
                }, {
                    text: '一周前',
                    onClick(picker) {
                        const date = new Date();
                        date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
                        picker.$emit('pick', date);
                    }
                }]
            },
        }
    },
    created() {
        //外输
        this.searchWsBt('hD2KHRieKp')
        this.searchWsData(this.currentDay, 'hD2KHRieKp')
        this.searchZcqBt('hD2KHRieKp')
        this.searchZcqData(this.currentDay, 'hD2KHRieKp')
        this.searchZWsData(this.currentDay, 'hD2KHRieKp')
        this.searchWsyData(this.currentDay, 'hD2KHRieKp')
        this.searchMdData(this.currentDay, 'hD2KHRieKp')
        //动态
        this.getOilTrendsInfo(this.currentDay, 'hD2KHRieKp')
        this.getCo2TrendsInfo(this.currentDay, 'hD2KHRieKp')
        this.getJGPollution(this.currentDay, 'hD2KHRieKp')
        this.getDailyOilPollution(this.currentDay, 'hD2KHRieKp')
        //温度
        this.searchWdBt('hD2KHRieKp')
        this.searchWdData(this.currentDay, 'hD2KHRieKp')
        //注气量
        this.searchZqData(this.currentDay, 'hD2KHRieKp')
        this.searchWcData(this.currentDay, 'hD2KHRieKp')
        this.searchYdData(this.currentDay, 'hD2KHRieKp')
        //采油生产运行
        this.getProPlanList(this.currentDay, 'hD2KHRieKp')
        this.getOilProCompleteList(this.currentDay, 'hD2KHRieKp')
        this.getWellInfoList(this.currentDay, 'hD2KHRieKp')
        this.getOilFaultWell(this.currentDay, 'hD2KHRieKp')
        this.getWellWorkInfo(this.currentDay, 'hD2KHRieKp')
        //油井作业及措施
        this.getOilWorkInfo(this.currentDay, 'hD2KHRieKp')
        this.getOilMeasureInfo(this.currentDay, 'hD2KHRieKp')
        this.getOilWorkMesureTotal(this.currentDay, 'hD2KHRieKp')
        //注水生产运行
        this.getWaterProCompleteList(this.currentDay, 'hD2KHRieKp')
        this.getWaterShutWellInfo(this.currentDay, 'hD2KHRieKp')
        this.getWellInfoList1(this.currentDay, 'hD2KHRieKp')
        this.getWaterPumpNum(this.currentDay, 'hD2KHRieKp')
        //水井作业及措施
        this.getWaterWellWorkInfo(this.currentDay, 'hD2KHRieKp')
        this.getWaterWellMeasureInfo(this.currentDay, 'hD2KHRieKp')
    },
    mounted() {

    },
    computed: {
        //外输
        scData: function () {
            // console.log(this.zkData)
            // console.log(this.zcqData)
            // console.log("总外输",this.zwsData)
            // console.log(this.wsyData)
            // console.log("末端",this.mdData)
            var obj = Object.assign({}, this.zkData, this.zcqData, this.zwsData, this.wsyData, this.mdData)
            console.log('1112',obj)

            var arr = []
            arr.push(obj)
            return arr
        },

        //动态
        dtData: function () {
            var obj = Object.assign({}, this.dtData1, this.dtData2, this.dtData3, this.Data22, this.Data25, this.dtData4, this.Data4, this.Data5)
            // console.log(obj)
            var arr = []
            arr.push(obj)
            return arr
        },
        //注气量
        zqlData: function () {
            var obj = Object.assign({}, this.zqData, this.wcData,this.ydData)
            console.log('zhuqi', obj)
            var arr = []
            arr.push(obj)
            return arr

        },
        //采油生产运行
        bycyscyxData: function () {
            var obj = Object.assign({}, this.Data1[0], this.Data2, this.Data3, this.Data4, this.Data5)
            // console.log(obj)
            var arr = []
            arr.push(obj)
            return arr
        },
        //油井作业及措施
        beyjzyjcsData: function () {
            var obj = Object.assign({}, this.Data11, this.Data12, this.Data13)
            // console.log(obj)
            var arr = []
            arr.push(obj)
            return arr
        },
        //注水生产运行
        bszsscyxData: function () {
            var obj = Object.assign({}, this.Data21, this.Data22, this.Data23, this.Data24[0], this.Data25)
            // console.log(obj)
            var arr = []
            arr.push(obj)
            return arr
        },
        //水井作业及措施
        bssjzyjcsData: function () {
            var obj = Object.assign({}, this.Data31, this.Data32)
            // console.log(obj)
            var arr = []
            arr.push(obj)
            return arr
        },

    },
    methods: {
        //查询事件
        query() {
            console.log(this.searchForm.searchDate + this.searchForm.jgid)
            if (this.searchForm.searchDate === '' || this.searchForm.searchDate === null) {
                this.searchForm.searchDate = this.currentDay
            }
            //外输
            this.searchWsData(this.searchForm.searchDate, 'hD2KHRieKp')
            this.searchZcqData(this.searchForm.searchDate, 'hD2KHRieKp')
            this.searchZWsData(this.searchForm.searchDate, 'hD2KHRieKp')
            this.searchWsyData(this.searchForm.searchDate, 'hD2KHRieKp')
            this.searchMdData(this.searchForm.searchDate, 'hD2KHRieKp')
            //动态
            this.getOilTrendsInfo(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getCo2TrendsInfo(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getJGPollution(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getDailyOilPollution(this.searchForm.searchDate, 'hD2KHRieKp')
            //温度
            this.searchWdData(this.searchForm.searchDate, 'hD2KHRieKp')
            //注气量
            this.searchZqData(this.searchForm.searchDate, 'hD2KHRieKp')
            this.searchWcData(this.searchForm.searchDate, 'hD2KHRieKp')
            this.searchYdData(this.searchForm.searchDate, 'hD2KHRieKp')
            //采油生产运行界面
            this.getProPlanList(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getOilProCompleteList(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getWellInfoList(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getOilFaultWell(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getWellWorkInfo(this.searchForm.searchDate, 'hD2KHRieKp')
            //油井作业及措施界面
            this.getOilWorkInfo(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getOilMeasureInfo(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getOilWorkMesureTotal(this.searchForm.searchDate, 'hD2KHRieKp')
            //注水生产运行
            this.getWaterProCompleteList(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getWaterShutWellInfo(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getWellInfoList1(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getWaterPumpNum(this.searchForm.searchDate, 'hD2KHRieKp')
            //水井作业及措施
            this.getWaterWellWorkInfo(this.searchForm.searchDate, 'hD2KHRieKp')
            this.getWaterWellMeasureInfo(this.searchForm.searchDate, 'hD2KHRieKp')
        },
        //外输
        async searchWsBt(jgid) {
            //发送查询请求
            let res = await qbApi.getExportTableList({ orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log("外输1",res.data); 
                // //赋值
                this.scBt = res.data;
            }
        },
        async searchWsData(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getExportTableDataList({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log("外输2",res.data);  
                // //赋值
                this.zkData = res.data;
            }
        },
        //总外输吨
        async searchZWsData(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getTotaloutput({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log("总外输吨",res.data);  
                // //赋值
                this.zwsData = res.data;
            }
        },
        //外输液量
        async searchWsyData(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getoutputWaterTableList({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                console.log("外输液量",res.data);  
                // //赋值
                this.wsyData = res.data;
            }
        },
        //末端
        async searchMdData(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getEndProduction({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                console.log("末端",res.data);  
                // //赋值
                this.mdData = res.data;
            }
        },
        //自产气
        async searchZcqBt(jgid) {
            //发送查询请求
            let res = await qbApi.getSelfProGasTableList({ orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.zcqBt = res.data;
            }
        },
        async searchZcqData(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getSelfProGasTableDataList({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.zcqData = res.data;
            }
        },

        //动态
        //获取作业区动态采油井数据
        async getOilTrendsInfo(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getOilTrendsInfo({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.dtData1 = res.data;
            }
        },
        //获取作业区动态CO2注入数据
        async getCo2TrendsInfo(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getCo2TrendsInfo({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.dtData2 = res.data;
            }
        },
        //获取架罐井
        async getJGPollution(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getJGPollution({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.dtData3 = res.data;
            }
        },
        //获取作业区日含油污量数据
        async getDailyOilPollution(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getDailyOilPollution({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.dtData4 = res.data;
            }
        },


        //温度
        async searchWdBt(jgid) {
            //发送查询请求
            let res = await qbApi.getTemperatureTableList({ jgid: jgid });
            //判断是否成功
            if (res.success) {
                console.log('WENDU1', res.data);
                // //赋值
                this.wdBt = res.data;
            }
        },
        async searchWdData(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getTemperatureDateList({ currentDate: currentDate, jgid: jgid });
            //判断是否成功
            if (res.success) {
                console.log('WENDU2', res.data);
                // //赋值
                this.wdData = res.data;
            }
        },

        //注气量
        async searchZqData(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getPullingoil({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                console.log('2', res.data);
                // //赋值
                this.zqData = res.data;
            }
        },
        //获取注气量完成情况(当日完成,旬度完成,年累计完成)数据
        async searchWcData(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getGasComplete({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                console.log('3', res.data);
                // //赋值
                this.wcData = res.data;
            }
        },
        //获取注气量完成情况(月度配注（立/天）)数据
        async searchYdData(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getProPlanList({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                console.log('1', res.data);
                // //赋值
                this.ydData = res.data;
            }
        },


        //采油生产运行
        //获取作业区生产运行(年度配产,月度配产)数据
        async getProPlanList(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getProPlanList({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data1 = res.data;
                this.Data24 = res.data;
            }
        },
        //获取作业区采油生产运行完成情况(当日完成,旬度完成,年累计完成)数据
        async getOilProCompleteList(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getOilProCompleteList({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data2 = res.data;
            }
        },
        //获取作业区生产运行井开关情况(总井数,开井数,长关井数,间抽井数)数据
        async getWellInfoList(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getWellInfoList({ currentDate: currentDate, orgId: jgid, wellType: '油' });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data3 = res.data;
            }
        },
        //获取作业区采油生产运行地面故障关井数据
        async getOilFaultWell(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getOilFaultWell({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data4 = res.data;
            }
        },
        //获取作业区生产运行作业及措施关井情况(检泵井,待作业井,测压井,措施井,措施配合)数据
        async getWellWorkInfo(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getWellWorkInfo({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data5 = res.data;
            }
        },

        //油井作业及措施
        //获取作业区油井作业情况(油井作业)数据
        async getOilWorkInfo(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getOilWorkInfo({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data11 = res.data;
            }
        },
        //获取作业区油井措施情况(油井作业)数据
        async getOilMeasureInfo(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getOilMeasureInfo({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data12 = res.data;
            }
        },
        //获取作业区油井作业措施合计(油井作业)数据
        async getOilWorkMesureTotal(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getOilWorkMesureTotal({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data13 = res.data;
            }
        },

        //注水生产运行
        //获取作业区注水生产运行完成情况(当日完成,旬度完成,年累计完成)数据
        async getWaterProCompleteList(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getWaterProCompleteList({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data21 = res.data;
            }
        },
        //获取作业区注水生产运行临关井数据
        async getWaterShutWellInfo(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getWaterShutWellInfo({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data22 = res.data;
            }
        },
        //获取作业区生产运行井开关情况(总井数,开井数,长关井数,间抽井数)数据
        async getWellInfoList1(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getWellInfoList({ currentDate: currentDate, orgId: jgid, wellType: '水' });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data23 = res.data;
            }
        },
        //获取作业区注水生产运行注水泵数据
        async getWaterPumpNum(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getWaterPumpNum({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data25 = res.data;
            }
        },

        //水井作业及措施
        //获取作业区水井作业数据
        async getWaterWellWorkInfo(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getWaterWellWorkInfo({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data31 = res.data;
            }
        },
        //获取作业区水井措施数据
        async getWaterWellMeasureInfo(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getWaterWellMeasureInfo({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                // console.log(res.data); 
                // //赋值
                this.Data32 = res.data;
            }
        },

        //Tab标签区域切换按钮事件
        handleMenuClick(tab, event) {
        }
    }
}
</script>
  
<style lang="scss" scoped>
// 标题
.mytitle {
    font-size: large;
    padding-left: 10px;
    margin-bottom: 16px;
    float: left;
}

//按钮组
.myButtons {
    float: right
}

//格子的样式
.bg-white {
    background: #ffffff;
}

.grid-content {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.calendar ::v-deep .el-button-group::before {
    display: none;
}

.calendar ::v-deep .el-button-group::after {
    display: none;
}

// 分割线样式
.el-divider--horizontal {
    display: block;
    height: 2px;
    width: 100%;
    margin: 24px 0;
}

// 表单各项的样式
.el-form-item {
    margin: 15px 10px 15px 10px;
}
</style>
  